<template>
  <div class="loginTopBar">
    <a href="javascript:void(0);"
       class="sideButton"
       @click="back()">
      <van-icon name="arrow-left"
                size="25"
                color="#333333" />
    </a>
    <div class="loginTitle">
      <h1>登录</h1>
    </div>
    <a href="javascript:void(0);"
       class="sideButton">
      <van-icon name="ellipsis"
                size="25"
                color="#333333" />
    </a>
  </div>
</template>
<script>
export default {
  methods: {
    back () {
      this.$router.back();
    }
  }
};
</script>
<style scoped>
.loginTopBar {
  width: 100vw;
  height: 0.88rem;
}
.sideButton {
  display: block;
  float: left;
  width: 0.88rem;
  height: 0.88rem;
  text-align: center;
}
.sideButton i {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 0.88rem;
  text-align: center;
}
.loginTitle {
  float: left;
  width: 5.74rem;
  height: 100%;
}
.loginTitle h1 {
  width: 100%;
  height: 100%;
  line-height: 0.88rem;
  text-align: center;
  color: #333333;
  font-size: 17px;
}
</style>